<template>
  <div>
    <ul>
      <comment-item
        v-for="item in list"
        :key="item.id"
        :value="item"
      ></comment-item>
    </ul>
  </div>
</template>

<script>
// const list = [
//   {
//     id: 1,
//     type: 1,
//     name: '张三',
//     avatar: 'https://picsum.photos/50/50',
//     content: '我是评论内容',
//     time: '2019-01-01 12:00:00',
//     children: [
//       {
//         id: 3,
//         type: 2,
//         name: '王五',
//         avatar: 'https://picsum.photos/50/50',
//         content: '我是回复张三的内容1',
//         time: '2019-01-01 12:00:00',
//       },
//       {
//         id: 6,
//         type: 2,
//         name: '陈6',
//         avatar: 'https://picsum.photos/50/50',
//         content: '我是回复张三的内容2',
//         time: '2019-01-01 12:00:00',
//         children: [
//           {
//             id: 7,
//             type: 2,
//             name: '孙8',
//             avatar: 'https://picsum.photos/50/50',
//             content: '我是回复陈6的内容1',
//             time: '2019-01-01 12:00:00',
//           },
//         ],
//       },
//     ],
//   },
//   {
//     id: 2,
//     type: 1,
//     name: '李四',
//     avatar: 'https://picsum.photos/50/50',
//     content: '我是评论内容',
//     time: '2019-01-01 12:00:00',
//   },
// ]
export default {
  name: 'comment-list',
  props: {
    list: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {}
  },
}
</script>
